<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="../css/style.css">
  <link rel="stylesheet" href="../css/color_style.css">
  <link rel="stylesheet" href="../css/iconfont.css">

  <script src="js/js.js"></script>
  <title>ZHE电影</title>
</head>

<body>

  <!-- 导航 -->

  <div style="background-color:  rgba(17, 17, 17,0.9);">
    <div class="container">
      <div class="top-header flex-s">
        <div class="header-left">
          <a href="index.html" class="logo">
            <img src="../img/logo-header.png" alt="IMG">
          </a>
        </div>
        <div class="header-right flex-c">


          <div class="th-input-box flex-c">

            <select class="th-select" aria-hidden="true">
              <option>Movies</option>
              <option>Videos</option>
            </select>

            <div class="th-line"></div>

            <input type="search" class="th-input" placeholder="Seach for a Movie..." autocomplete="off">

            <button class="th-btn">
              <i class="iconfont icon-search1"></i>
            </button>

          </div>


          <div class="th-ico">
            <ul class="flex-l">
              <li>

                <i class="iconfont icon-552cd5c76f532"></i>
              </li>
              <li>
                <i class="iconfont icon-qq"></i>
              </li>
              <li>
                <i class="iconfont icon-book"></i>
              </li>
              <li>
                <i class="iconfont icon-navigation"></i>
              </li>
              <li>
                <i class="iconfont icon-gouwuche"></i>
              </li>
              <li>
                <i class="iconfont icon-git"></i>
              </li>
            </ul>
          </div>


        </div>
      </div>
    </div>
  </div>

  <div style="background-color:  rgba(228, 9, 20,0.9);">
    <div class="container">
      <div class="nav flex-s">
        <div class="nav-left">
          <ul class="flex-l">
            <li>
              <i class="iconfont icon-gengduo"></i>
            </li>
            <li>
              <a href="../index.html">首页</a>
            </li>
       
            <li>
              <a href="all.html">视频大全</a></li>
            <li>
              <a href="blog.html">视频资讯</a></li>
            <li>
              <a href="contact.html">联系我</a></li>
          </ul>
        </div>
        <div class="nav-right flex-c">


          <div class="nav-login flex-c ">
            <a href="login.html" target="blank">
              <i class="iconfont icon-denglu"></i>
              登录</a>
          </div>
          <div class="nav-line"></div>
          <div class="nav-reg  flex-c">
            <a href="reg.html" target="blank">

              <i class="iconfont icon-zhuce"></i>

              注册</a>
          </div>

        </div>
      </div>
    </div>
  </div>


  <div class="all container">
    <h2>视频分类</h2>
    <div class="classif">
      <ul class="flex-l">
        <li class="active">冒险</li>
        <li>喜剧</li>
        <li>传记</li>
        <li>剧情</li>
        <li>动作</li>
        <li>奇幻</li>
        <li>歌舞</li>
        <li>灾难</li>
        <li>历史</li>
        <li>家庭</li>
        <li>爱情</li>
        <li>西部</li>
        <li>科幻</li>
        <li>纪录片</li>
      </ul>
    </div>

    <div class="all-video flex-c-t">
      <div>
        <img src="../img/sp1.jpg" alt="" srcset="">
      </div>
      <div>
        <img src="../img/sp2.jpg" alt="" srcset="">
      </div>
      <div>
        <img src="../img/sp3.jpg" alt="" srcset="">
      </div>
      <div>
        <img src="../img/sp4.jpg" alt="" srcset="">
      </div>
      <div>
        <img src="../img/sp5.jpg" alt="" srcset="">
      </div>
      <div>
        <img src="../img/sp6.jpg" alt="" srcset="">
      </div>
      <div>
        <img src="../img/sp7.jpg" alt="" srcset="">
      </div>
      <div>
        <img src="../img/sp8.jpg" alt="" srcset="">
      </div>
    </div>

    <div class="pageing flex-c">
      <div>上一页</div>
      <div>1</div>
      <div>2</div>
      <div>3</div>
      <div>...</div>
      <div>下一页</div>
    </div>
  </div>

  <div class="Bottom">
    Copyright © 2021.19510146 邹洋 Company name All rights reserved
  </div>
</body>

</html>